@white:    #fff;
@gray-100: #f8f9fa;
@gray-200: #e9ecef;
@gray-300: #dee2e6;
@gray-400: #ced4da;
@gray-500: #adb5bd;
@gray-600: #6c757d;
@gray-700: #495057;
@gray-800: #343a40;
@gray-900: #212529;
@grey-bg: #F7F7FC;
@black:    #000;

@primary: #0084FF;
@indigo:  #6610f2;
@purple:  #6f42c1;
@pink:    #d63384;
@red:     #F55459;
@orange:  #fd7e14;
@yellow:  #fadb14;
@green:   #00A000;
@teal:    #20c997;
@cyan:    #17a2b8;

/* 字体颜色 start */
@font-color-base: #333333; // 字体主文字
/* 字体颜色 end */

@body-background-base: #fff;

@secondary:     @gray-600;
@success:       @green;
@info:          @cyan;
@warning:       @yellow;
@danger:        @red;
@light:         @gray-100;
@dark:          @gray-800;

@tyc-prefix: gzw;

// body
@body-bg:                   @white;
@body-color:                @gray-900;
@body-text-align:           null;

@font-family-sans-serif:      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
@font-family-base:            @font-family-sans-serif;

// 字体大小
@font-size-base:              1rem; // Assumes the browser default, typically `16px`
@font-size-lg:                @font-size-base * 1.25;
@font-size-sm:                @font-size-base * .875;
@font-size-root:              null;

// 字重
@font-weight-lighter:         lighter;
@font-weight-light:           300;
@font-weight-normal:          400;
@font-weight-bold:            700;
@font-weight-bolder:          bolder;
@font-weight-base:            @font-weight-normal;

// 行高
@line-height-base:            1.5;
@line-height-lg:              2;
@line-height-sm:              1.25;

// 边框 和 border radius

@border-width:                1px;
@border-color:                @gray-300;

@border-radius:               .25rem;
@border-radius-lg:            .3rem;
@border-radius-sm:            .2rem;


// 链接
@link-color:                              @primary;
@link-decoration:                         none;
@link-hover-color:                        darken(@link-color, 15%);
@link-hover-decoration:                   underline;


// 边框 和 border radius

@border-width:                1px;
@border-color:                @gray-300;

@border-radius:               .25rem;
@border-radius-lg:            .3rem;
@border-radius-sm:            .2rem;

// 不同类型的 box shadow
@box-shadow-sm:               0 .125rem .25rem rgba(@black, .075);
@box-shadow:                  0 .5rem 1rem rgba(@black, .15);
@box-shadow-lg:               0 1rem 3rem rgba(@black, .175);
@box-shadow-inset:            inset 0 1px 2px rgba(@black, .075);

// 按钮
// 按钮基本属性
@btn-font-weight:             400;
@btn-padding-y:               .375rem;
@btn-padding-x:               1rem;
@btn-font-family:             @font-family-base;
@btn-font-size:               @font-size-base;
@btn-line-height:             @line-height-base;

// 链接
@link-color:                              @primary;
@link-decoration:                         none;
@link-hover-color:                        darken(@link-color, 15%);
@link-hover-decoration:                   underline;


//不同大小按钮的 padding 和 font size
@btn-padding-y-sm:            .25rem;
@btn-padding-x-sm:            .5rem;
@btn-font-size-sm:            @font-size-sm;

@btn-padding-y-lg:            .5rem;
@btn-padding-x-lg:            1rem;
@btn-font-size-lg:            @font-size-lg;

// 按钮边框
@btn-border-width:            @border-width;

// 按钮其他
@btn-box-shadow:              inset 0 1px 0 rgba(@white, .15), 0 1px 1px rgba(@black, .075);
@btn-disabled-opacity:        .65;

// 链接按钮
@btn-link-color:              @link-color;
@btn-link-hover-color:        @link-hover-color;
@btn-link-disabled-color:     @gray-600;


// 按钮 radius
@btn-border-radius:           @border-radius;
@btn-border-radius-lg:        @border-radius-lg;
@btn-border-radius-sm:        @border-radius-sm;

@btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;


//input
@input-padding-y:                       @btn-padding-y;
@input-padding-x:                       @btn-padding-x;
@input-font-family:                     @btn-font-family;
@input-font-size:                       @btn-font-size;
@input-font-weight:                     @font-weight-base;
@input-line-height:                     @btn-line-height;

@input-padding-y-sm:                    @btn-padding-y-sm;
@input-padding-x-sm:                    @btn-padding-x-sm;
@input-font-size-sm:                    @btn-font-size-sm;

@input-padding-y-lg:                    @btn-padding-y-lg;
@input-padding-x-lg:                    @btn-padding-x-lg;
@input-font-size-lg:                    @btn-font-size-lg;

@input-bg:                              @white;
@input-disabled-bg:                     @gray-200;
@input-disabled-border-color:           null;

@input-color:                           @gray-700;
@input-border-color:                    @gray-400;
@input-border-width:                    @border-width;
@input-box-shadow:                      @box-shadow-inset;

@input-border-radius:                   @border-radius;
@input-border-radius-lg:                @border-radius-lg;
@input-border-radius-sm:                @border-radius-sm;

@input-focus-bg:                        @input-bg;
@input-focus-border-color:              lighten(@primary, 25%);
@input-focus-width:                     .2rem;
@input-focus-color:                     @input-color;
@input-focus-shadow-color:              rgba(@primary, .25);
@input-focus-box-shadow:                0 0 0 @input-focus-width @input-focus-shadow-color;

@input-placeholder-color:               @gray-600;
@input-plaintext-color:                 @body-color;

@input-height-border:                   @input-border-width * 2;


@input-transition:                      border-color .3s ease-in-out, box-shadow .3s ease-in-out;

@input-group-addon-color:               @input-color;
@input-group-addon-bg:                  @gray-200;
@input-group-addon-border-color:        @input-border-color;
